<template>
    <div>
        <div>
            <van-address-list
                    v-model="chosenAddressId"
                    :list="list"
                    default-tag-text="默认"
                    @add="onAdd"
                    @edit="onEdit"
            />

        </div>

    </div>
</template>

<script>
    import { Toast } from 'vant';
    import Vue from 'vue';
    import { AddressList } from 'vant';
    import {ApiService} from "../../axios/apiService";
    Vue.use(AddressList);
    export default {
        name: "AddressManagement",
        mounted() {
            this.getMyAddressList();
        },
        data() {
            return {
                chosenAddressId: '1',
                list: [
                    {
                        id: '1',
                        name: '张三',
                        tel: '13000000000',
                        address: '浙江省杭州市西湖区文三路 138 号东方通信大厦 7 楼 501 室',
                        //isDefault: true,
                    },
                    {
                        id: '2',
                        name: '李四',
                        tel: '1310000000',
                        address: '浙江省杭州市拱墅区莫干山路 50 号',
                    },
                ],
            };
        },
        methods: {
            getMyAddressList(){
              console.log("打印后端传来的数据：")
              const getMyAddress = new ApiService("/getMyAddressList")
                getMyAddress.getParams({
                    userId:getMyAddress.getCookie("userid"),
                }).then(
                    res=>{
                        console.log("打印后端传来的数据：")
                        console.log(res.data)
                        this.list = res.data
                        //this.list.name = res.data.receivingName;
                        console.log("this.list :"+this.list)

                    }
                )

            },
            onAdd() {
                this.$router.push({name: "user-add-address"})
            },
            onEdit(item, index) {
                Toast('编辑地址:' + index);
            },
        },
    }
</script>

<style scoped>

</style>